import { Platform, StyleSheet } from 'react-native';

const styles = StyleSheet.create({
    cardContainer: {
		flex: 1,
		borderRadius:2,
        // borderWidth:1,
        // borderColor: "#DEDEDE",
        backgroundColor: '#ffffff',
        // boxShadow: '0 0 10px 0 rgba(0,0,0,0.10)',
        shadowColor: '#000000',
        marginTop: 15,
        marginLeft: 15,
        shadowRadius: 2,
        shadowOffset: {width: -2, height: 2},
        shadowOpacity: 0.1,
        overflow: 'visible'
	},
    cardContainerBtn:{

    },
	cardImage:{
        flex:1,
        position: 'absolute',
		top: 12,
		left: 12,
        zIndex: 10,
        overflow: 'visible',
	},
    vipImage:{
        flex:1,
        position: 'absolute',
        top: 10,
        right: 10,
        zIndex: 10,
        overflow: 'hidden',
        width:25,
        height:15,

    },
    card:{
        flex:1,
    },
	cardDetails:{
		flex: 1,
	},
    sendContainer:{
        flex: 1,
        padding: 15,
        paddingTop: 25,
    },
    moneyInfo:{
        borderBottomWidth:StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        marginBottom: 15,
        overflow: 'visible',
    },
    thirdContainer:{
        position: 'absolute',
        right: 10,
        top: 10,
        zIndex: 100,
        overflow: 'visible',
    },
    underThirdVipIcon:{
        // position: 'absolute',
        // right: 10,
        // top: 30,
        zIndex: 100,
        overflow: 'visible',
        width:25,
        height:15,
        alignSelf: 'flex-end',
    },
    thirdIconText:{
        color: '#EA5404',
        fontSize: 13,
        textAlign: 'center',
        marginTop: 3.5
    },
    noMoneyText:{
        fontSize: 15,
        color: '#7B7B7B',
        textAlign: 'center',
        marginBottom: 23,
        marginTop: 21,
    },
    leftrightInfo:{
        flex: 1,
		flexDirection: 'row',
		justifyContent: 'center',
		// alignItems: 'center',
        marginBottom: 15,
    },
    moneyLeftInfo:{
        flex: 1,
        alignItems: 'center',
    },
    moneyRightInfo:{
        flex:1,
        alignItems: 'center',
        borderLeftWidth:StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE'
    },
    numStyle:{
        fontSize: 24,
        marginBottom:2.5,
        color: '#EA5404',
    },
    unitStyle:{
        fontSize: 15,
    },
    subStyle:{
        fontSize: 12,
        color: '#B5B5B5',
    },
    objInfo:{
        flex: 1,
		flexDirection: 'row',
    },
    objTitle:{
        color: '#B5B5B5',
        fontSize: 15,
        alignContent: 'center',
        alignSelf: 'flex-start',
        textAlign: 'right',
        width: 80,
        lineHeight: 30,
    },
    objSubTitle:{
        flex:6,
        color: '#555555',
        fontSize: 15,
        marginLeft: 10,
        alignContent: 'center',
        alignSelf: 'center',
        lineHeight: 30,
    },
    btnInfo:{
        borderTopWidth: StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        flex: 1,
        flexDirection: 'row',
		justifyContent: 'center',
        marginTop: 15,
    },
    phoneBtnContainer:{
        width: 30,
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#565656',
        borderRadius: 2,
        alignItems: 'flex-start',
        marginTop: 15,
    },
    buttonCotainer:{
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#565656',
        borderRadius: 2,
        alignItems: 'flex-start',
        marginTop: 15,
    },
    phoneBtn:{
        height: 15,
        width: 15,
        marginLeft: 7.5,
        justifyContent: 'center',
        alignItems: 'center',
    },
    actionBtnContainer:{
        flex: 1,
        alignItems: 'flex-end',
        marginTop: 15,
    },
    actionBtn:{
        width: 70,
        textAlign: 'center',
        paddingTop:5,
        paddingBottom:5,
        color: '#ffffff',
        borderWidth: StyleSheet.hairlineWidth,
        borderRadius: 2,
        borderColor: '#EA5404',
        fontSize: 13,
        overflow: 'hidden',
        backgroundColor: '#EA5404',
    },
    actionEnablePayBtn:{
        width: 100,
        textAlign: 'center',
        paddingTop:5,
        paddingBottom:5,
        color: '#ffffff',
        borderWidth: StyleSheet.hairlineWidth,
        borderRadius: 2,
        borderColor: '#EA5404',
        fontSize: 13,
        overflow: 'hidden',
        backgroundColor: '#EA5404',
    },
    actionDisablePayBtn:{
        width: 100,
        textAlign: 'center',
        paddingTop:5,
        paddingBottom:5,
        color: '#ffffff',
        borderWidth: StyleSheet.hairlineWidth,
        borderRadius: 2,
        borderColor: '#CDCDCD',
        fontSize: 13,
        overflow: 'hidden',
        backgroundColor: '#CDCDCD',
    },
    editBtnContainer:{
        marginTop: 15,
        alignItems: 'flex-end',
    },
    editBtn:{
        width: 70,
        textAlign: 'center',
        paddingTop:5,
        paddingBottom:5,
        color: '#565656',
        borderRadius: 2,
        fontSize: 13,
        // backgroundColor: '#EA5404',
        borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#565656',
    },

    finishContainer:{
        flex: 1,
        flexDirection: 'row',
		justifyContent: 'center',
        alignItems: 'center',
        marginTop: 5,
        // paddingTop: 21,
        paddingBottom: 4,
    },
    finishText:{
        color: '#5CCC50',
        fontSize: 15,
        marginLeft: 5,
    },

});

export default styles;
